* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html, body, #root, .app {
  width: 100%;
  height: 100%;
}

html .school, body .school, #root .school, .app .school {
  width: 100%;
  height: 100%;
}

html .school .breadcrumb, body .school .breadcrumb, #root .school .breadcrumb, .app .school .breadcrumb {
  height: 60px;
}

html .school .select, body .school .select, #root .school .select, .app .school .select {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

html .school .select .three .ant-card .ant-card-body, body .school .select .three .ant-card .ant-card-body, #root .school .select .three .ant-card .ant-card-body, .app .school .select .three .ant-card .ant-card-body {
  background: #f2f2f2;
  padding: 2px;
}

html .school .select .three .ant-card .ant-card-body .input input, body .school .select .three .ant-card .ant-card-body .input input, #root .school .select .three .ant-card .ant-card-body .input input, .app .school .select .three .ant-card .ant-card-body .input input {
  height: 30px;
  border-radius: 5px;
  float: left;
}

html .school .select .three .ant-card .ant-card-body .btn button, body .school .select .three .ant-card .ant-card-body .btn button, #root .school .select .three .ant-card .ant-card-body .btn button, .app .school .select .three .ant-card .ant-card-body .btn button {
  float: left;
}

html .school .select .three .btn button, body .school .select .three .btn button, #root .school .select .three .btn button, .app .school .select .three .btn button {
  width: 70px;
  height: 30px;
  border: none;
  color: #fff;
  background: skyblue;
  border-radius: 5px;
}

html .school .form .modal, body .school .form .modal, #root .school .form .modal, .app .school .form .modal {
  margin: 0 0 20px 0;
}

html .school .form .modal Button, body .school .form .modal Button, #root .school .form .modal Button, .app .school .form .modal Button {
  margin: 0 5px;
}

html .addschool, body .addschool, #root .addschool, .app .addschool {
  width: 100%;
  height: 100%;
}

html .addschool .breadcrumb, body .addschool .breadcrumb, #root .addschool .breadcrumb, .app .addschool .breadcrumb {
  width: 100%;
  height: 50px;
}

html .addschool .content, body .addschool .content, #root .addschool .content, .app .addschool .content {
  width: 100%;
}

html .addschool .content .card, body .addschool .content .card, #root .addschool .content .card, .app .addschool .content .card {
  width: 100%;
}

html .addschool .content .card p span, body .addschool .content .card p span, #root .addschool .content .card p span, .app .addschool .content .card p span {
  height: 35px;
}

html .addschool .content .card p span input, body .addschool .content .card p span input, #root .addschool .content .card p span input, .app .addschool .content .card p span input {
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ccc;
  outline: none;
}

html .addschool .content .upload, body .addschool .content .upload, #root .addschool .content .upload, .app .addschool .content .upload {
  height: 50px;
  margin-top: 20px;
  margin-left: 10px;
}
